<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no">
        <title>月经分析</title>
        <link href="css/scroll.css" rel="stylesheet" type="text/css">
        <style>
            @font-face {
                font-family: 'regular';
                src:url(font/SFRegular.ttf);
            }
        </style>

        <script src="js/common/echarts.js"></script>
        <script type="text/javascript" src="js/common/dateUtil.js"></script>
        <script type="text/javascript" src="js/common/mapUtil.js"></script>
        <script type="text/javascript" src="js/common/string2Map.js"></script>

        <script type="text/javascript" src="js/common/periodUtil.js"></script>
        <script type="text/javascript" src="js/menses/initMensesChartData.js"></script>
        <script type="text/javascript" src="js/menses/drawMensesChart.js"></script>
        <script type="text/javascript" src="js/menses/mensesDetail.js"></script>
        <script type="text/javascript" src="js/common/detailUtil.js"></script>
        <script type="text/javascript" src="js/mensesChart.js"></script>
    </head>

    <body style="margin:0px;padding:0px; font-family:'regular'" bgcolor="#F0F0F0" onload="firstShowMensesChart()">
        <div id="div_fix_zone">
            <div id="div_scroll_zone">
                <div id="mensesChart"></div>
            </div>
        </div>

        <table id="detail_table" style="display:none; text-align:center; margin-left:auto; margin-right:auto;font-family:'regular'">
        <tr style="width:100%">
            <td id="periodDayNum_td">
                <div id="periodDayNum_div" style="color:#666461">
                    周期第<span id="periodDayNum" style="color:#fe8c8c"> </span>天
                </div>
            </td>
            <td id="detail_td" style="background-color:#fe8c8c">
                <div id="detail_div">
                    <div id="detail_div2">
                        <img id="heart" alt="heart" src="img/detailCircle/heart.png"/>
                        <img id="moon" alt="moon" src="img/detailCircle/moon.png"/>
                        <img id="drink" alt="drink" src="img/detailCircle/drink.png"/>
                        <img id="medicine" alt="medicine" src="img/detailCircle/medicine.png"/>
                        <img id="plane" alt="plane" src="img/detailCircle/plane.png"/>
                    </div>
                    <div id="detailMenses" style="margin:2.5%;font-size:110%;color:#FFF"> </div>
                    <div id="detailDate" style="font-size:110%;color:#666461"> </div>
                    <div id="detailDayOfWeek" style="color:#666461"> </div>
                </div>
            </td>
            <td id="periodDayTitle_td">
                <div id="periodDayTitle_div">
                    <img alt="periodDayTitle" id="periodDayTitle" src="img/period/yjq.png" style=" width:90%"/>
                </div>
            </td>
        </tr>
      </table>

    </body>
</html>